
.grid-item
{
    vertical-align:top;
    position:relative;
	width:200px;
	height:200px;
	background-image:url(/static/images/default_image.JPG);
}

.grid-item-content
{
    background-color:rgba(0, 0, 0, 0.4);
    color:white;
    padding:5px;
}

.grid-item-name
{
    font-size:1.5em;
}

.grid-item-extra
{
    display:none;
    position:absolute;
    bottom:0;
    background-color: rgba(0, 0, 0, 0.4);
    width:100%;
}

.grid-item-extra-content
{
    padding:5x;
}

.grid-item:hover > .grid-item-extra
{
    display:block;
}